<template>
<div class="tabBar">
<router-view />

<van-tabbar route>
  <van-tabbar-item
    replace
    to="/"
    icon="wap-home"
  >
    首页
  </van-tabbar-item>
  <van-tabbar-item
    replace
    to="/search"
    icon="map-marked"
  >
   发现
  </van-tabbar-item>
    <van-tabbar-item
    replace
    to="/search"
    icon="shopping-cart"
  >
    购物车
  </van-tabbar-item>
    <van-tabbar-item
    replace
    to="/search"
    icon="setting"
  >
    我的
  </van-tabbar-item>
</van-tabbar>
</div>
 
</template>
 
<script>
 
export default {
    name:'tabBar',
   data() {
      return {

      }
   },
}
 
</script>
 
<style lang="stylus" scoped>
 .van-tabbar-item--active
    color red
</style>
